	@extends('home.layout')
@section('content')
<div class="mtime-box">
	<div class="bd">
        <ul>
            <li style="background: url(/home/images/movie/img1.jpg) no-repeat center center">
                <div class="m-width">
                	<a><img src="/home/images/movie/img1_1.jpg" /></a>
                </div>
            </li>
            <li style="background: url(/home/images/movie/img2.jpg) no-repeat center center">
                <div class="m-width">
                	<a><img src="/home/images/movie/img2_2.jpg" /></a>
                </div>
            </li>
            <li style="background: url(/home/images/movie/img3.jpg) no-repeat center center">
                <div class="m-width">
                	<a><img src="/home/images/movie/img3_3.jpg" /></a>
                </div>
            </li>
            <li style="background: url(/home/images/movie/img4.jpg) no-repeat center center">
                <div class="m-width">
                	<a><img src="/home/images/movie/img4_4.jpg" /></a>
                </div>
            </li>
            <li style="background: url(/home/images/movie/img5.jpg) no-repeat center center">
                <div class="m-width">
                	<a><img src="/home/images/movie/img5_5.jpg" /></a>
                </div>
            </li>
        </ul>
    </div>
    <div class="mtime-btn">
        <a class="prev" href="javascript:;"></a>
        <a class="next" href="javascript:;"></a>
        <div class="hd"><ul></ul></div>
    </div>
</div>
<div id="content">
	<div class="i_content"></div>
	<div class="mycontent">
		<div class="menu_nav">
			<div class="navtop">
				全球新片
			</div>
			<div class="movesearch">
				<a class="moviesearch">电影查询 <i></i></a>
				<dl id="MV-list" class="typelist">
					<dt>类型</dt>
					<dd class="arealist">
						<a href="#">喜剧</a>
						<a href="#">动作</a>
						<a href="#">爱情</a>
						<a href="#">惊悚</a>
						<a href="#">恐怖</a>
						<a href="#">冒险</a>
						<a href="#">动画</a>
						<a href="#">科幻</a>
						<a href="#">更多&gt;&gt;</a>
					</dd>
					<dt>年代</dt>
					<dd class="arealist">
						<a href="#">2017</a>
						<a href="#">2016</a>
						<a href="#">2015</a>
						<a href="#">2014</a>
						<a href="#">2013</a>
						<a href="#">2012</a>
						<a href="#">2011</a>
						<a href="#">更多&gt;&gt;</a>
					</dd>
					<dt>国家/地区</dt>
					<dd class="arealist2">
						<a href="#">中国</a>
						<a href="#">香港</a>
						<a href="#">台湾</a>
						<a href="#">美国</a>
						<a href="#">英国</a>
						<a href="#">法国</a>
						<a href="#">日本</a>
						<a href="#">韩国</a>
						<a href="#">更多&gt;&gt;</a>
					</dd>
					<dt>评分</dt>
					<dd id="ratingPickerRegion">
						<form method="post" action="">
							<select>
								<option>1分</option>
								<option>2分</option>
								<option>3分</option>
								<option>4分</option>
								<option>5分</option>
								<option>6分</option>
								<option>7分</option>
								<option>8分</option>
								<option>9分</option>
								<option>10分</option>
							</select>
							&nbsp;-&nbsp;
							<select>
								<option>10分</option>
								<option>9分</option>
								<option>8分</option>
								<option>7分</option>
								<option>6分</option>
								<option>5分</option>
								<option>4分</option>
								<option>3分</option>
								<option>2分</option>
								<option>1分</option>
							</select>
							<button class="typebtn">确定</button>
						</form>
					</dd>
				</dl>
			</div>
		</div>
		<!-- 全球新片 -->
		<div class="newmovie">
			<div class="newmv">
				<div class="newfilm">
					<a style="display:none;" title="上一页" class="last"><i></i></a>
					<a title="下一页" class="next1"><i></i></a>
					<div class="moviestart">
						<div class="longframe">
							<dl id="first">
								<dt>
									<a class="dis_dtvideo" href="{{ url('/home/movie/details') }}/{{$firstMovie -> id}}">
										<img width="470" height="265" src="{{ url($firstMovie -> photo) }}">
									</a>
									<div class="dt_text">
										<a class="image" href="#">
											<img width="100" height="150" src="{{ url($firstMovie -> photo) }}">
										</a>
										<div class="cf">
											<h3 class="fll">
												<a href="#">{{ $firstMovie -> name }}</a>
											</h3>
											<span class="scroe_movie">{{ $firstMovie -> score }}</span>
										</div>
									</div>
								</dt>
								
								@foreach($fourMovie as $four)
								<dd>
									<a href="{{ url('/home/movie/details') }}/{{$four -> id}}">
										<img width="223" height="125" src="{{ url($four -> photo) }}">
									</a>
									<div class="b_text">
										<div class="bcf">
											<h3 class="bfl">
												<a href="#">{{ $four -> name[0]}}({{ $four -> time }})</a>
											</h3>
											<span class="scroe_b">{{ $four -> score }}</span>
										</div>
									</div>
								</dd>
								@endforeach

							</dl>
							<dl>

								@foreach($sevenMovie as $seven)
								<dd>
									<a href="{{ url('/home/movie/details') }}/{{$seven -> id}}">
										<img width="223" height="125" src="{{ url($seven -> photo) }}">
									</a>
									<div class="b_text">
										<div class="bcf">
											<h3 class="bfl">
												<a href="#">{{ $seven -> name[0] }}({{ $seven -> time }})</a>
											</h3>
											<span class="scroe_b">{{ $seven -> score }}</span>
										</div>
									</div>
								</dd>
								@endforeach
								
								<dd style="background:#ccc;">
									<a id="sm" href="#">
										<div style="width:230px;height:160px;line-height:160px;text-align:center;color:#999;font-size:16px;">
											查看更多
										</div>
									</a>
								</dd>
							</dl>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 热播剧集 -->
		<div class="TVplay">
			<div class="menu_nav">
				<div class="navtop">
					热播剧集
				</div>
				<div class="movesearch">
					<a class="TVsearch">电视查询 <i></i></a>
					<dl id="TV-list" class="typelist">
						<dt>剧种</dt>
						<dd class="arealist" style="margin-right:60px;">
							<a href="#">华语</a>
							<a href="#">美剧</a>
							<a href="#">日剧</a>
							<a href="#">韩剧</a>
						</dd>
						<dt>类型</dt>
						<dd class="arealist">
							<a href="#">剧情</a>
							<a href="#">爱情</a>
							<a href="#">喜剧</a>
							<a href="#">古装</a>
							<a href="#">悬疑</a>
							<a href="#">动画</a>
							<a href="#">动作</a>
							<a href="#">奇幻</a>
							<a href="#">科幻</a>
							<a href="#">战争</a>
							<a href="#">历史</a>
							<a href="#">真人秀</a>
							<a href="#">更多&gt;&gt;</a>
						</dd>
						<dt>年代</dt>
						<dd class="arealist">
							<a href="#">2014</a>
							<a href="#">2013</a>
							<a href="#">2012</a>
							<a href="#">2011</a>
							<a href="#">2010</a>
							<a href="#">2009</a>
							<a href="#">2008</a>
							<a href="#">2007</a>
							<a href="#">更多&gt;&gt;</a>
						</dd>
						<dt>国家/地区</dt>
						<dd class="arealist2">
							<a href="#">中国</a>
							<a href="#">美国</a>
							<a href="#">日本</a>
							<a href="#">香港</a>
							<a href="#">韩国</a>
							<a href="#">英国</a>
							<a href="#">台湾</a>
							<a href="#">加拿大</a>
							<a href="#">新加坡</a>
							<a href="#">更多&gt;&gt;</a>
						</dd>
					</dl>
				</div>
			</div>
			<div class="TVplaylubo">
				<a style="display:none;" id="b1" class="go-1"><i></i></a>
				<a id="g1" class="go_1"><i></i></a>
				<div class="TVlunbo">
					<div id="TV" class="playlunbo">
						<dl id="lastDD">

							@foreach($hotDrama as $hotD)
							<dd>
								<p>
									<a href="{{ url('/home/movie/details') }}/{{ $hotD -> id }}">
										<img width="175" height="262" src="{{ url($hotD -> photo) }}">
									</a>
								</p>
								<h4>
									<a href="#">{{ $hotD -> name[0] }}({{ $hotD -> time }})</a>
								</h4>
								<p>
									<span>{{ $hotD -> score }}</span>
								</p>
							</dd>
							@endforeach

						</dl>
					</div>
				</div>
			</div>
		</div>
		<!-- 热门电影&热门电视 -->
		<div class="hotTV">
			<div class="hotTVtitle">
				<a id="hotMVon" style="color:#333;">热门电影</a>
				<em> | </em>
				<a id="hotTVon">热门电视</a>
			</div>
			<div class="TVplaylubo">
				<a style="display:none;" id="b2" class="go-1"><i></i></a>
				<a id="g2" class="go_1"><i></i></a>
				<div class="TVlunbo">
					<!-- 热门电影 -->
					<div name="MV" id="hotMVplay" class="playlunbo">
						<dl id="hot_movie">

							@foreach($hotMovie as $hotMovies)
							<dd>
								<p>
									<a href="{{ url('/home/movie/details') }}/{{ $hotMovies -> id }}">
										<img width="175" height="262" src="{{ url($hotMovies -> photo) }}">
									</a>
								</p>
								<h4>
									<a href="{{ url('/home/movie/details') }}/{{ $hotMovies -> id }}">{{ $hotMovies -> name[0] }}({{ $hotMovies -> time }})</a>
								</h4>
								<p>
									<span>{{ $hotMovies -> score }}</span>
								</p>
							</dd>
							@endforeach

						</dl>
					</div>
					<!-- 热门电视 -->
					<div style="display:none;" name="TV" id="hotTVplay" class="playlunbo">
						<dl id="hot_TV">

							@foreach($hotTV as $hottv)
							<dd>
								<p>
									<a href="{{ url('/home/movie/details') }}/{{ $hottv -> id }}">
										<img width="175" height="262" src="{{ url($hottv -> photo) }}">
									</a>
								</p>
								<h4>
									<a href="#">{{ $hottv -> name[0] }}({{ $hottv -> time }})</a>
								</h4>
								<p>
									<span>{{ $hottv -> score }}</span>
								</p>
							</dd>
							@endforeach

						</dl>
					</div>
				</div>
			</div>
		</div>
		<!-- 电影榜单 -->
		<div class="movie_list">
			<div class="movie_list_title">
				<span>电影榜单</span>
			</div>
			<div class="playlunbo">
				<dl>
					<dd>
						<p>
							<a href="#">
								<img width="175" src="/home/images/movie/TV_1.jpg">
							</a>
						</p>
						<h4>
							<a href="#">步步惊心:丽(2016)</a>
						</h4>
						<p>
							<span>8.0</span>
						</p>
					</dd>
					<dd>
						<p>
							<a href="#">
								<img width="175" src="/home/images/movie/TV_1.jpg">
							</a>
						</p>
						<h4>
							<a href="#">步步惊心:丽(2016)</a>
						</h4>
						<p>
							<span>8.0</span>
						</p>
					</dd>
					<dd>
						<p>
							<a href="#">
								<img width="175" src="/home/images/movie/TV_1.jpg">
							</a>
						</p>
						<h4>
							<a href="#">步步惊心:丽(2016)</a>
						</h4>
						<p>
							<span>8.0</span>
						</p>
					</dd>
					<dd>
						<p>
							<a href="#">
								<img width="175" src="/home/images/movie/TV_1.jpg">
							</a>
						</p>
						<h4>
							<a href="#">步步惊心:丽(2016)</a>
						</h4>
						<p>
							<span>8.0</span>
						</p>
					</dd>
					<dd>
						<p>
							<a href="#">
								<img width="175" src="/home/images/movie/TV_1.jpg">
							</a>
						</p>
						<h4>
							<a href="#">步步惊心:丽(2016)</a>
						</h4>
						<p>
							<span>8.0</span>
						</p>
					</dd>
				</dl>
			</div>
			<div class="bigger">
				<a href="#">更多 <span class="fa fa-angle-right"></span><span class="fa fa-angle-right"></span></a> 
			</div>
		</div>
		<!-- 电视榜单 -->
		<div class="movie_list">
			<div class="movie_list_title">
				<span>电视榜单</span>
			</div>
			<div class="playlunbo">
				<dl>
					<dd>
						<p>
							<a href="#">
								<img width="175" src="/home/images/movie/TV_1.jpg">
							</a>
						</p>
						<h4>
							<a href="#">步步惊心:丽(2016)</a>
						</h4>
						<p>
							<span>8.0</span>
						</p>
					</dd>
					<dd>
						<p>
							<a href="#">
								<img width="175" src="/home/images/movie/TV_1.jpg">
							</a>
						</p>
						<h4>
							<a href="#">步步惊心:丽(2016)</a>
						</h4>
						<p>
							<span>8.0</span>
						</p>
					</dd>
					<dd>
						<p>
							<a href="#">
								<img width="175" src="/home/images/movie/TV_1.jpg">
							</a>
						</p>
						<h4>
							<a href="#">步步惊心:丽(2016)</a>
						</h4>
						<p>
							<span>8.0</span>
						</p>
					</dd>
					<dd>
						<p>
							<a href="#">
								<img width="175" src="/home/images/movie/TV_1.jpg">
							</a>
						</p>
						<h4>
							<a href="#">步步惊心:丽(2016)</a>
						</h4>
						<p>
							<span>8.0</span>
						</p>
					</dd>
					<dd>
						<p>
							<a href="#">
								<img width="175" src="/home/images/movie/TV_1.jpg">
							</a>
						</p>
						<h4>
							<a href="#">步步惊心:丽(2016)</a>
						</h4>
						<p>
							<span>8.0</span>
						</p>
					</dd>
				</dl>
			</div>
			<div class="bigger">
				<a href="#">更多 <span class="fa fa-angle-right"></span><span class="fa fa-angle-right"></span></a> 
			</div>
		</div>
		<div class="ad">
	        <div class="adPic">
	            <img width="1000" height="80" src="/home/images/ad/ad1.png">
	        </div>
	    </div>
	</div>
</div>
<script type="text/javascript">
$(".prev,.next").hover(function(){
	$(this).stop(true,false).fadeTo("show",0.9);
},function(){
	$(this).stop(true,false).fadeTo("show",0.4);
})
$(".mtime-box").slide({
	titCell:".hd ul",
	mainCell:".bd ul",
	effect:"fold",
	interTime:3500,
	delayTime:500,
	autoPlay:true,
	autoPage:true, 
	trigger:"click" 
});

// 电影分类查询
$('.moviesearch').toggle(function()
	{
		
		$('#MV-list').css('display', 'block');
		$('.moviesearch i').css('background', 'url(/home/images/movie.png) -50px -24px no-repeat');

	}, function()
	{

		$('#MV-list').css('display', 'none');
		$('.moviesearch i').css('background', 'url(/home/images/movie.png) -50px -46px no-repeat');

	});

// 电视分类查询
$('.TVsearch').toggle(function()
	{
		
		$('#TV-list').css('display', 'block');
		$('.TVsearch i').css('background', 'url(/home/images/movie.png) -50px -24px no-repeat');

	}, function()
	{

		$('#TV-list').css('display', 'none');
		$('.TVsearch i').css('background', 'url(/home/images/movie.png) -50px -46px no-repeat');

	});

// 全球新片

$('.next1').click(function()
	{

		$('.longframe').animate({left:'-=960px'}, 500);
		$(this).css('display', 'none');
		$('.last').css('display', 'block');

	});


$('.last').click(function()
	{

		$('.longframe').animate({left:'+=960px'}, 500);
		$(this).css('display', 'none');
		$('.next1').css('display', 'block');

	});

// 热播剧集

$('#b1').click(function()
	{
		$('#TV').animate({left:'+=960px'}, 500);
		$(this).css('display', 'none');
		$('#g1').css('display', 'block');
	});

$('#g1').click(function()
	{
		$('#TV').animate({left:'-=960px'}, 500);
		$(this).css('display', 'none');
		$('#b1').css('display', 'block');
	});

//热门电视 & 热门电影

$('#b2').click(function()
	{
		$('#hotTVplay').animate({left:'+=960px'}, 500);
		$(this).css('display', 'none');
		$('#g2').css('display', 'block');
	});

$('#g2').click(function()
	{
		$('#hotTVplay').animate({left:'-=960px'}, 500);
		$(this).css('display', 'none');
		$('#b2').css('display', 'block');
	});

$('#b2').click(function()
	{
		$('#hotMVplay').animate({left:'+=960px'}, 500);
		$(this).css('display', 'none');
		$('#g2').css('display', 'block');
	});

$('#g2').click(function()
	{
		$('#hotMVplay').animate({left:'-=960px'}, 500);
		$(this).css('display', 'none');
		$('#b2').css('display', 'block');
	});

$('#hotMVon').click(function()
	{
		$('div[name=MV]').css('display', 'block');
		$('div[name=TV]').css('display', 'none');
		$(this).css('color', '#333');
		$('#hotTVon').css('color', '#656565');
	});

$('#hotTVon').click(function()
	{
		$('div[name=TV]').css('display', 'block');
		$('div[name=MV]').css('display', 'none');
		$(this).css('color', '#333');
		$('#hotMVon').css('color', '#656565');
	});


</script>


@endsection